<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
     <title>{{create_edit}} a Listing</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../stylesheets/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
     $("[name=title],[name=subject]").focus(function(){
         if ($(this).val()==$(this).attr('default')){
             $(this).val('');
         }
     }).blur(function(){
         if ($(this).val()==''){
             $(this).val($(this).attr('default'));
         }
     });
  });
  </script>
  </head>
  <body>
    {{navbar}}
  <div class="span9">
    <div class="hero-unit">
      <form method="post" action="">
        <h1>{{create_edit}} a Listing</h1>
          <p>Use this form to list the services you can offer, and set a price for each.</p>
          <p><input type="text" name="title" default="Title" value="{{title}}" required></p>
          <p><input type="text" name="subject" default="Subject" value="{{subject}}" required></p>
          <p>Price:<br><input type="number" name="price" value="{{price}}" required></p>
          <p>Description: <br><textarea name="description">{{description}}</textarea>
          </p>
          <p>Tags (separated by commas): <br><input type="text" name="tags" value="{{tags}}"></label></p>
      <input type="hidden" name="editid" value="{{hidden}}">
      <input type="submit" value="{{create_edit}}"/>
      </form>
    </div>
  </div>
  </body>
</html>
